<!DOCTYPE html>

<html>

<head>

<title>회사명</title>

	<!-- 한글 -->
	<meta charset="utf-8">
	
	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="style.css" media="all">
	
	<!-- 제이쿼리, 최신은 2.0.3인데 왜 안되는지 모르겠음-->
	<script type="text/javascript" src="scripts/jquery-1.4.min.js"></script>
	
	<!-- 정의 스크립트 -->
	<script type="text/javascript" src="scripts/script_01.js"></script>
	
	<!-- 정의 스크립트 -->
	<script type="text/javascript" >
	var count=0;
	function showImages(){
	
		setInterval(changeImage, 1000);
	}
	function changeImage(){
		
		if(count>2){
			count=0;
		}
		var li = document.getElementById("imgId1");
		
		if(count == 0){
			li.src = "images/lm03.jpg";
		}else if(count == 1){
			li.src = "images/lm02.jpg";
		}else if(count == 2){
			li.src = "images/lm01.jpg";
		}
		
		
		
		count++;
	}
	window.onload = showImages;
	</script>

</head>

<body>

	<header>
		<h1 id="logo">회사명</h1>
		<nav class="clearfix"><ul>
			<li class="active fromLeft cssOnly"><a id="nHom" href="page_01.html"><span>Home</span></a></li>
			<li class="fromLeft cssOnly"><a id="nAbo" href="page_02.html"><span>About</span></a></li>
			<li class="fromTop cssOnly"><a id="nPro" href="page_03.html"><span>Products</span></a></li>
			<li class="fromBottom cssOnly"><a id="nNew" href="page_04.html"><span>News</span></a></li>
			<li class="fromRight cssOnly"><a id="nSer" href="page_05.html"><span>Services</span></a></li>
			<li class="inOut last cssOnly"><a id="nCon" href="page_06.html"><span>Contact</span></a></li>
		</ul></nav>
	</header>
	
	<!-- 그림이 들어 가는 섹션 -->
	<section>
	<img id="imgId1"/>
	</section>
	
	<!-- about business, news & notices 들어가는 섹션 -->
	<section>
	<h1>about business, news & notices</h1>
	</section>
	
	<!-- 주소가 들어가는 부분 -->
		<footer>
			<table width="1024" border="0" cellspacing="0" cellpadding="0">
				<tbody>
					<tr>
						<td width="182"><img src="images/logo.jpg" width="256" height="79" border="0"></a></td>
						<td valign="top" background="images/bg.jpg">
						<table width="768" height="79" border="0" cellpadding="0" cellspacing="0" background="images/copy.jpg">
							<tbody>
								<tr>
									<td valign="top">
										<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tbody>
												<tr>
													<td width="30%" height="39">&nbsp;</td>
													<td width="70%">&nbsp;</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
													<td><a href=""><img src="images/trans_btn.gif" width="134" height="16" border="0"></a></td>
												</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
		</footer>
</body>
</html>